<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/footer.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>


    <!--引入 谷歌的字体库-->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
          rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic"
          rel="stylesheet" type="text/css">
</head>
<body>
<div class="footer_wrap">
    <div class="container">
        <div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 ftr_navi ftr">
            <h3>Navigation</h3>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="services.html">Services</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 ftr_navi ftr">
            <h3>Members</h3>
            <ul>
                <li><a href="#">Customer Support</a></li>
                <li><a href="#">Platinum Support</a></li>
                <li><a href="#">Gold Support</a></li>
                <li><a href="#">Standard Support</a></li>
                <li><a href="#">Training</a></li>
            </ul>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 get_in_touch ftr">
            <h3>Get In Touch</h3>
            <p>Ola-ola street jump,</p>
            <p>260-14 City, Country</p>
            <p>+62 000-0000-00</p>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-3 col-xs-3  ftr_logo">
            <a href="index.html"><h3>Spa <span> Magic Of Soul</span></h3></a>
            <ul>
                <li><a href="#" class="f"> </a></li>
                <li><a href="#" class="f1"> </a></li>
                <li><a href="#" class="f2"> </a></li>
            </ul>
            <p>Copyright © 2015.Company name All rights reserved.</p>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
</body>
</html>